<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form>
    <input type="text" name="username" placeholder="请输入用户名">
    <input type="password" name="password" placeholder="请输入密码">
  </form>

  <input type="file" multiple>

  <button>Send request</button>

  <!-- <script src="./XHR/get/get.js"></script> -->
  <!-- <script src="./XHR/get/get 查询参数.js"></script> -->
  <!-- <script src="./XHR/get/get 路径参数.js"></script> -->
  <!-- <script src="./XHR/post/json.js"></script> -->
  <!-- <script src="./XHR/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./XHR Level 2/post/form-data.js"></script> -->
  <!-- <script src="./XHR Level 2/post/上传文件.js"></script> -->
  <!-- <script src="./XHR Level 2/post/上传多个文件.js"></script> -->
  <!-- <script src="./XHR Level 2/配置/请求超时.js"></script> -->

  <!-- <script src="./Fetch/get/get.js"></script> -->
  <!-- <script src="./Fetch/get/get 查询参数.js"></script> -->
  <!-- <script src="./Fetch/get/get 路径参数.js"></script> -->
  <!-- <script src="./Fetch/post/json.js"></script> -->
  <!-- <script src="./Fetch/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./Fetch/post/form-data.js"></script> -->
  <!-- <script src="./Fetch/post/上传文件.js"></script> -->
  <!-- <script src="./Fetch/post/上传多个文件.js"></script> -->

  <!-- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> -->
  <!-- <script src="./jQuery/get/get.js"></script> -->
  <!-- <script src="./jQuery/get/get 查询参数.js"></script> -->
  <!-- <script src="./jQuery/get/get 路径参数.js"></script> -->
  <!-- <script src="./jQuery/post/json.js"></script> -->
  <!-- <script src="./jQuery/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./jQuery/post/form-data.js"></script> -->
  <!-- <script src="./jQuery/post/上传文件.js"></script> -->
  <!-- <script src="./jQuery/post/上传多个文件.js"></script> -->
  <!-- <script src="./jQuery/ajax/get/get.js"></script> -->
  <!-- <script src="./jQuery/ajax/get/get 查询参数.js"></script> -->
  <!-- <script src="./jQuery/ajax/get/get 路径参数.js"></script> -->
  <!-- <script src="./jQuery/ajax/get/jsonp.js"></script> -->
  <!-- <script src="./jQuery/ajax/post/json.js"></script> -->
  <!-- <script src="./jQuery/ajax/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./jQuery/ajax/post/form-data.js"></script> -->
  <!-- <script src="./jQuery/ajax/post/上传文件.js"></script> -->
  <!-- <script src="./jQuery/ajax/post/上传多个文件.js"></script> -->

  <script src="https://cdn.jsdelivr.net/npm/axios@1.6.7/dist/axios.min.js"></script>
  <!-- <script src="./axios/get/get.js"></script> -->
  <!-- <script src="./axios/get/get 查询参数.js"></script> -->
  <!-- <script src="./axios/get/get 路径参数.js"></script> -->
  <!-- <script src="./axios/post/json.js"></script> -->
  <!-- <script src="./axios/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./axios/post/form-data.js"></script> -->
  <!-- <script src="./axios/post/上传文件.js"></script> -->
  <!-- <script src="./axios/post/上传多个文件.js"></script> -->
  <!-- <script src="./axios/axios/get/get.js"></script> -->
  <!-- <script src="./axios/axios/get/get 查询参数.js"></script> -->
  <!-- <script src="./axios/axios/get/get 路径参数.js"></script> -->
  <!-- <script src="./axios/axios/post/json.js"></script> -->
  <!-- <script src="./axios/axios/post/x-www-form-urlencoded.js"></script> -->
  <!-- <script src="./axios/axios/post/form-data.js"></script> -->
  <!-- <script src="./axios/axios/post/上传文件.js"></script> -->
  <!-- <script src="./axios/axios/post/上传多个文件.js"></script> -->
  <!-- <script src="./axios/配置/index.js"></script> -->
  <!-- <script src="./axios/配置/拦截器/请求拦截器.js"></script> -->
  <script src="./axios/配置/拦截器/响应拦截器.js"></script>

  <script>
    document.querySelector('button').addEventListener('click', sendRequest)
  </script>
</body>

</html>